<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="utf-8">
    <title>知乎</title>
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.1.0/css/bootstrap.min.css">
    <link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css">

    <script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
    <script src="https://cdn.staticfile.org/popper.js/1.12.5/umd/popper.min.js"></script>
    <script src="https://cdn.staticfile.org/twitter-bootstrap/4.1.0/js/bootstrap.min.js"></script>
</head>

<div class="content" th:fragment="searchList">
    <link rel="stylesheet" href="../../static/css/search.css" th:href="@{/css/search.css}">
    <script src="../../static/js/search.js" th:src="@{/js/search.js}"></script>
    <div id="SearchMain">
        <div class="ListShortcut">
            <div class="List" th:each="search,searchStat:${searchList}">
                <div class="Card SearchResult-Card">
                    <div class="List-item" tabindex="0">
                        <div class="ContentItem AnswerItem">
                            <h2 class="ContentItem-title">
                                <a target="_blank" href="#">
                                    <span th:text="${search.questionname}">为什么张艺兴演唱会这么寒碜?</span>
                                </a>
                            </h2>
                            <!-- Highlight is-collapsed 存在为收起-->
                            <div class="RichContent">
                                <div class="SearchItem-meta SearchItem-authorInfo">
                                    <div class="AuthorInfo AuthorInfo--plain">
                                        <meta itemprop="name" content="用户名">
                                        <meta itemprop="image" content="https://pic4.zhimg.com/50/da8e974dc_s.jpg">
                                        <meta itemprop="url" content="#">
                                        <a class="UserLink-link" data-za-detail-view-element_name="User"
                                           target="_blank" href="#">
                                            <img class="Avatar AuthorInfo-avatar" width="24" height="24"
                                                 src="https://pic4.zhimg.com/50/da8e974dc_s.jpg"
                                                 alt="用户名">
                                        </a>
                                        <div class="AuthorInfo-content">
                                            <div class="AuthorInfo-head">
                                                <span class="UserLink AuthorInfo-name">
                                                    <a class="UserLink-link"
                                                       data-za-detail-view-element_name="User"
                                                       target="_blank" href="#">
                                                        用户名
                                                    </a>
                                                </span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="RichContent-inner">
                                        <span class="RichText ztext CopyrightRichText-richText"
                                              th:utext="${search.questiondescribe}">
                                            <p>首先，并不寒碜。然后你说对了，确实没有赞助商，他自掏腰包办的。苍天呀，终于有人注意这个了。这场演唱会就是最好的礼物了。</p>
                                            <p>来看一下下边：制作人是张艺兴；出品方是张艺兴工作室。</p>
                                            <p>虽然我并不觉得寒酸，比起精彩的舞台，其他都是浮云。但是我想说兴船长送给我们的，天上飘的、圆圆的、胖胖的小圆球灯，美爆了。</p>
                                        </span>
                                    <button type="button" class="Button ContentItem-more Button--plain">
                                        阅读全文
                                        <span style="display: inline-flex; align-items: center;">​
                                                <svg class="Zi Zi--ArrowDown ContentItem-arrowIcon" fill="currentColor"
                                                     viewBox="0 0 24 24" width="24" height="24">
                                                    <path
                                                            d="M12 13L8.285 9.218a.758.758 0 0 0-1.064 0 .738.738 0 0 0 0 1.052l4.249 4.512a.758.758 0 0 0 1.064 0l4.246-4.512a.738.738 0 0 0 0-1.052.757.757 0 0 0-1.063 0L12.002 13z"
                                                            fill-rule="evenodd">
                                                    </path>
                                                </svg>
                                            </span>
                                    </button>
                                </div>
                                <div class="ContentItem-actions RichContent-actions">
                                        <span>
                                            <button aria-label="赞同 71" type="button"
                                                    class="Button VoteButton VoteButton--up">
                                                <span style="display: inline-flex; align-items: center;">​
                                                    <svg class="Zi Zi--TriangleUp VoteButton-TriangleUp"
                                                         fill="currentColor" viewBox="0 0 24 24" width="10" height="10">
                                                        <path
                                                                d="M2 18.242c0-.326.088-.532.237-.896l7.98-13.203C10.572 3.57 11.086 3 12 3c.915 0 1.429.571 1.784 1.143l7.98 13.203c.15.364.236.57.236.896 0 1.386-.875 1.9-1.955 1.9H3.955c-1.08 0-1.955-.517-1.955-1.9z"
                                                                fill-rule="evenodd">
                                                        </path>
                                                    </svg>
                                                </span>
                                                赞同 71
                                            </button>
                                            <button aria-label="反对" type="button"
                                                    class="Button VoteButton VoteButton--down">
                                                <span style="display: inline-flex; align-items: center;">
                                                    ​<svg class="Zi Zi--TriangleDown" fill="currentColor"
                                                          viewBox="0 0 24 24" width="10" height="10">
                                                        <path
                                                                d="M20.044 3H3.956C2.876 3 2 3.517 2 4.9c0 .326.087.533.236.896L10.216 19c.355.571.87 1.143 1.784 1.143s1.429-.572 1.784-1.143l7.98-13.204c.149-.363.236-.57.236-.896 0-1.386-.876-1.9-1.956-1.9z"
                                                                fill-rule="evenodd">
                                                        </path>
                                                    </svg>
                                                </span>
                                            </button>
                                        </span>
                                    <button type="button"
                                            class="Button ContentItem-action Button--plain Button--withIcon Button--withLabel">
                                            <span style="display: inline-flex; align-items: center;">​
                                                <svg class="Zi Zi--Comment Button-zi" fill="currentColor"
                                                     viewBox="0 0 24 24" width="1.2em" height="1.2em">
                                                    <path
                                                            d="M10.241 19.313a.97.97 0 0 0-.77.2 7.908 7.908 0 0 1-3.772 1.482.409.409 0 0 1-.38-.637 5.825 5.825 0 0 0 1.11-2.237.605.605 0 0 0-.227-.59A7.935 7.935 0 0 1 3 11.25C3 6.7 7.03 3 12 3s9 3.7 9 8.25-4.373 9.108-10.759 8.063z"
                                                            fill-rule="evenodd">
                                                    </path>
                                                </svg>
                                            </span>
                                        23 条评论
                                    </button>
                                    <div class="Popover ShareMenu ContentItem-action">
                                        <div class="ShareMenu-toggler" id="Popover-toggle" aria-haspopup="true"
                                             aria-expanded="false" aria-owns="Popover-content">
                                            <button type="button"
                                                    class="Button Button--plain Button--withIcon Button--withLabel">
                                                    <span style="display: inline-flex; align-items: center;">​
                                                        <svg class="Zi Zi--Share Button-zi" fill="currentColor"
                                                             viewBox="0 0 24 24" width="1.2em" height="1.2em">
                                                            <path
                                                                    d="M2.931 7.89c-1.067.24-1.275 1.669-.318 2.207l5.277 2.908 8.168-4.776c.25-.127.477.198.273.39L9.05 14.66l.927 5.953c.18 1.084 1.593 1.376 2.182.456l9.644-15.242c.584-.892-.212-2.029-1.234-1.796L2.93 7.89z"
                                                                    fill-rule="evenodd">
                                                            </path>
                                                        </svg>
                                                    </span>
                                                分享
                                            </button>
                                        </div>
                                    </div>
                                    <button type="button"
                                            class="Button ContentItem-action Button--plain Button--withIcon Button--withLabel">
                                            <span style="display: inline-flex; align-items: center;">​
                                                <svg class="Zi Zi--Star Button-zi" fill="currentColor"
                                                     viewBox="0 0 24 24" width="1.2em" height="1.2em">
                                                    <path
                                                            d="M5.515 19.64l.918-5.355-3.89-3.792c-.926-.902-.639-1.784.64-1.97L8.56 7.74l2.404-4.871c.572-1.16 1.5-1.16 2.072 0L15.44 7.74l5.377.782c1.28.186 1.566 1.068.64 1.97l-3.89 3.793.918 5.354c.219 1.274-.532 1.82-1.676 1.218L12 18.33l-4.808 2.528c-1.145.602-1.896.056-1.677-1.218z"
                                                            fill-rule="evenodd">
                                                    </path>
                                                </svg>
                                            </span>
                                        收藏
                                    </button>
                                    <button type="button"
                                            class="Button ContentItem-action Button--plain Button--withIcon Button--withLabel">
                                            <span style="display: inline-flex; align-items: center;">​
                                                <svg class="Zi Zi--Heart Button-zi" fill="currentColor"
                                                     viewBox="0 0 24 24" width="1.2em" height="1.2em">
                                                    <path
                                                            d="M2 8.437C2 5.505 4.294 3.094 7.207 3 9.243 3 11.092 4.19 12 6c.823-1.758 2.649-3 4.651-3C19.545 3 22 5.507 22 8.432 22 16.24 13.842 21 12 21 10.158 21 2 16.24 2 8.437z"
                                                            fill-rule="evenodd">
                                                    </path>
                                                </svg>
                                            </span>
                                        感谢
                                    </button>

                                    <div class="btn-group">

                                        <button type="button" class="right" data-toggle="dropdown">
                                                <span style="display: inline-flex; align-items: center;">
                                                    ​<svg viewBox="0 0 18 4" class="Icon Icon--dots" width="14"
                                                          height="16" aria-hidden="true"
                                                          style="height: 16px; width: 14px;">
                                                        <title></title>
                                                        <g>
                                                            <g>
                                                                <circle cx="2" cy="2" r="2"></circle>
                                                                <circle cx="9" cy="2" r="2"></circle>
                                                                <circle cx="16" cy="2" r="2"></circle>
                                                            </g>
                                                        </g>
                                                    </svg>
                                                </span>
                                        </button>
                                        <div class="dropdown-menu"
                                             style="min-width: 100px;padding: 15px;font-size: 15px;">
                                            <a class="dropdown-item" href="#">没有帮助</a>
                                            <a class="dropdown-item" href="#">举报</a>
                                        </div>
                                    </div>
                                    </button>
                                    <button data-zop-retract-question="true" type="button"
                                            class="Button ContentItem-action ContentItem-rightButton Button--plain"
                                            style="display: none;">
                                            <span class="RichContent-collapsedText">
                                                收起
                                            </span>
                                        <span style="display: inline-flex; align-items: center;">​
                                                <svg class="Zi Zi--ArrowDown ContentItem-arrowIcon is-active"
                                                     fill="currentColor" viewBox="0 0 24 24" width="24" height="24">
                                                    <path
                                                            d="M12 13L8.285 9.218a.758.758 0 0 0-1.064 0 .738.738 0 0 0 0 1.052l4.249 4.512a.758.758 0 0 0 1.064 0l4.246-4.512a.738.738 0 0 0 0-1.052.757.757 0 0 0-1.063 0L12.002 13z"
                                                            fill-rule="evenodd">
                                                    </path>
                                                </svg>
                                            </span>
                                    </button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>